<template>
    <div> 
        <van-nav-bar
            title="收货地址"
            left-text="返回"
            right-text="管理" 
            left-arrow
            @click-left="onClickLeft"
            @click-right="onClickRight"/> 

        <van-address-list
            v-for="it in list" :key=" it.id"
            v-model="chosenAddressId"
            :list="list"
            :disabled-list="disabledList"
            disabled-text="以下地址超出配送范围"
            default-tag-text="默认"
            @add="onAdd"
            @edit="onEdit"/>
         
    </div>
</template>

<script>  
import { getAddressApi } from '../../apis/harvestAddress'
    export default {
        data() {
            return {
            chosenAddressId: '1',
            list: [
                {
                id: '2',
                name: '33',
                tel: '13000000000',
                address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室',
                isDefault: true,
                }, 
            ],
            disabledList: [
                {
                id: '3',
                name: '王五',
                tel: '1320000000',
                address: '浙江省杭州市滨江区江南大道 15 号',
                },
            ],
            };
        },
        methods: {
            onAdd() { 
                 
                this.$router.push('/addSite')
            },
            onEdit(item, index) {
            Toast('编辑地址:' + index);
            },
            // 点击返回
            onClickLeft(){
                this.$router.go(-1)
            },
            onClickRight(){
                alert('待开发！')
            },
           /*  getAddress(){
              getAddressApi().then(res => {
                  this.list = res.data
                  console.log(this.list );
              })
            } */
        },
        mounted(){
            this.getAddress()
            console.log(this.getAddress());
        },
    };
 
</script>

<style>

</style>